<div class="flex items-center">
  <img src="/favicon.ico" alt="Logo">
  <span class="text-white">社区管理系统</span>
</div>

@for(item of navRoute();track $index){
<div class="m-0.5 transition duration-75 hover:bg-cyan-700" (click)="subNavContent.hidden = !subNavContent.hidden">
  <span class="text-white">{{ item.headLabel }}</span>
</div>
<div class="py-1.5" #subNavContent hidden>
  @for(subItem of item.subNav; track $index){
  <div class="bg-cyan-800 transition duration-75 hover:bg-cyan-900">
    <a class="text-white" [routerLink]="[subItem.route]">{{ subItem.label }}</a>
  </div>
  }
</div>
}